<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<!--<link rel="stylesheet" href="css/denlu.css">-->
		<link rel="stylesheet" href="css/commonality.css" />
		<link rel="stylesheet" href="css/denglu.css" />
		<link rel="stylesheet" href="../font_wds53y8wts5uerk9/iconfont.css" />
	</head>
	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/denlu.js"></script>

	<body>
		<!-- nav -->
		<header>
			<nav>
				<a href="javascript" id="top">
					<div class="top">
						<img src="images/ss_03.png" alt="">
						<a href="javascript:;">
							上海
						</a>
						<div class="box">
							<h2>热门城市：</h2>
							<ul class="box2">
								<li>
									<a href="javascript:;">上海</a>
								</li>
								<li>
									<a href="javascript:;">广州</a>
								</li>
								<li>
									<a href="javascript:;">北京</a>
								</li>
								<li>
									<a href="javascript:;">苏州</a>
								</li>
								<li>
									<a href="javascript:;">南京</a>
								</li>
								<li>
									<a href="javascript:;">深圳</a>
								</li>

							</ul>
							<h2>选择城市：</h2>
							<ul class="list-unstyled regionsel">
								<li class="clearfix">
									<a href="javascript:;">上海</a>
								</li>
								<li class="clearfix">
									<a href="javascript:;">上海崇明</a>
								</li>
								<li class="clearfix">
									<a href="javascript:;" class="clearfix">

										<span class="icon1">
									<i class="iconfont icon-more"></i>
								</span> 江苏

									</a>

									<div class="citysel">
										<a href="javascript:;" data-id="14270">常州</a>
										<a href="javascript:;" data-id="31710">淮安</a>
										<a href="javascript:;" data-id="28260">连云港</a>
										<a href="javascript:;" data-id="2">南京</a>
										<a href="javascript:;" data-id="23730">南通</a>
										<a href="javascript:;" data-id="17771">苏州</a>
										<a href="javascript:;" data-id="42749">泰州</a>
										<a href="javascript:;" data-id="4536">无锡</a>
										<a href="javascript:;" data-id="46290">宿迁</a>
										<a href="javascript:;" data-id="9135">徐州</a>
										<a href="javascript:;" data-id="49184">盐城</a>
										<a href="javascript:;" data-id="36177">扬州</a>
										<a href="javascript:;" data-id="39980">镇江</a>
									</div>
								</li>
								<li class="clearfix">
									<a href="javascript:;">
										<span class="icon1">
									<i class="iconfont icon-more"></i>
								</span> 浙江
									</a>
									<div class="citysel">
										<a href="javascript:;" data-id="54352">杭州</a>
										<a href="javascript:;" data-id="78239">湖州</a>
										<a href="javascript:;" data-id="74881">嘉兴</a>
										<a href="javascript:;" data-id="84713">金华</a>
										<a href="javascript:;" data-id="101443">丽水</a>
										<a href="javascript:;" data-id="61841">宁波</a>
										<a href="javascript:;" data-id="90123">衢州</a>
										<a href="javascript:;" data-id="81106">绍兴</a>
										<a href="javascript:;" data-id="96033">台州</a>
										<a href="javascript:;" data-id="68453">温州</a>
										<a href="javascript:;" data-id="93628">舟山</a>
									</div>
								</li>
								<li class="clearfix">
									<a href="javascript:;">
										<span class="icon1">
									<i class="iconfont icon-more"></i>
								</span> 安徽
									</a>
									<div class="citysel">
										<a href="javascript:;" data-id="116543">安庆</a>
										<a href="javascript:;" data-id="110702">蚌埠</a>
										<a href="javascript:;" data-id="140334">亳州</a>
										<a href="javascript:;" data-id="142739">池州</a>
										<a href="javascript:;" data-id="122473">滁州</a>
										<a href="javascript:;" data-id="126555">阜阳</a>
										<a href="javascript:;" data-id="106341">合肥</a>
										<a href="javascript:;" data-id="114716">淮北</a>
										<a href="javascript:;" data-id="112546">淮南</a>
										<a href="javascript:;" data-id="120049">黄山</a>
										<a href="javascript:;" data-id="136386">六安</a>
										<a href="javascript:;" data-id="113743">马鞍山</a>
										<a href="javascript:;" data-id="115943">铜陵</a>
										<a href="javascript:;" data-id="109303">芜湖</a>
										<a href="javascript:;" data-id="130770">宿州</a>
										<a href="javascript:;" data-id="144431">宣城</a>
									</div>
								</li>
								<li class="clearfix">
									<a href="javascript:;">北京</a>
								</li>
								<li class="clearfix">
									<a href="javascript:;">天津</a>
								</li>
								<li class="clearfix">
									<a href="javascript:;">
										<span class="icon1">
									<i class="iconfont icon-more"></i>
								</span> 河北
									</a>
									<div class="citysel">
										<a href="javascript:;" data-id="143984">石家庄</a>
										<a href="javascript:;" data-id="144032">廊坊</a>
										<a href="javascript:;" data-id="144033">承德</a>
										<a href="javascript:;" data-id="144034">唐山</a>
										<a href="javascript:;" data-id="144660">保定</a>
										<a href="javascript:;" data-id="144668">沧州</a>
										<a href="javascript:;" data-id="144677">邯郸</a>
										<a href="javascript:;" data-id="144684">衡水</a>
										<a href="javascript:;" data-id="144690">秦皇岛</a>
										<a href="javascript:;" data-id="144694">邢台</a>
										<a href="javascript:;" data-id="144700">张家口</a>
									</div>
								</li>
								<li class="clearfix">
									<a href="javascript:;">
										<span class="icon1">
									<i class="iconfont icon-more"></i>
								</span> 广东
									</a>
									<div class="citysel">
										<a href="javascript:;" data-id="144422">深圳</a>
										<a href="javascript:;" data-id="144261">广州</a>
										<a href="javascript:;" data-id="144274">珠海</a>
										<a href="javascript:;" data-id="144278">汕头</a>
										<a href="javascript:;" data-id="144285">韶关</a>
										<a href="javascript:;" data-id="144296">佛山</a>
										<a href="javascript:;" data-id="144302">江门</a>
										<a href="javascript:;" data-id="144313">湛江</a>
										<a href="javascript:;" data-id="144321">茂名</a>
										<a href="javascript:;" data-id="144328">肇庆</a>
										<a href="javascript:;" data-id="144334">惠州</a>
										<a href="javascript:;" data-id="144338">梅州</a>
										<a href="javascript:;" data-id="144341">汕尾</a>
										<a href="javascript:;" data-id="144345">河源</a>
										<a href="javascript:;" data-id="144347">阳江</a>
										<a href="javascript:;" data-id="144351">清远</a>
										<a href="javascript:;" data-id="144355">东莞</a>
										<a href="javascript:;" data-id="144357">中山</a>
										<a href="javascript:;" data-id="144359">揭阳</a>
										<a href="javascript:;" data-id="144364">云浮</a>
										<a href="javascript:;" data-id="144367">潮州</a>
									</div>
								</li>

							</ul>
						</div>

					</div>
				</a>
				<div class="i">
					<i>满百包邮(环郊内)</i>
					<a href="javascript:;">星夜达</a>

				</div>
				<ul class="denglu">
					<li class="zhuce">
						<a href="">[ 登录 ]</a>，
						<a href="">[ 注册有惊喜 ]</a>
					</li>
					<li>|</li>
					<li class="guoyuan">
						<a href="">果园公告</a>
						<div id="guoyuan" class="hide">
							<ul>
								<li>
									<a href="">全仓充值活动调整公告</a>
								</li>
								<li>
									<a href="">全仓充值活动调整公告</a>
								</li>
								<li>
									<a href="">全仓充值活动调整公告</a>
									<i>new</i>
								</li>
							</ul>
							<div class="chakan">
								<a href="">查看更多 ></a>
							</div>
						</div>
					</li>
					<li>|</li>
					<li class="link-v">
						<a href="">券卡兑换</a>
					</li>
					<li>|</li>
					<li class="font-1">
						<i class="iconfont icon-peiziiconfont09 font-333"></i>
						<a href="">手机果园</a>
						<div class="p-common-topcode clearfix hide">
							<div class="text-center clearfix">
								<span class="VI-color2">
								下载果园app，
							</span> 即享果园特价商品
							</div>
							<dl class="clearfix">
								<dt>
								<img src="images/guan_ewcode2.jpg" alt="" />
							</dt>
								<dd>
									<a href="">
										<img src="images/guan_btn01.jpg" alt="" />
									</a>
									<a href="">
										<img src="images/guan_btn02.jpg" alt="" />
									</a>
								</dd>
							</dl>
							<dl class="clearfix">
								<dt>
								<img src="images/guan_ewcode1.jpg" alt="" />
							</dt>
								<dd>
									<span class="VI-color2">关注果园微信</span> 优惠信息实时掌握
								</dd>
							</dl>
						</div>
					</li>
					<li>|</li>
					<li class="font-2">
						<i class="iconfont icon-kefu font-333"></i> 400-720-0770
					</li>
				</ul>
			</nav>
		</header>
		<div id="logo">
			<a class="logo" href="/"></a>
		</div>

		<!--表单-->
		<section class="w-1000 clearfix">
			<p class="member">会员登录</p>
			<div class="pull clearfix">
				<div class="login-left pull-left">
					<img src="images/img.jpg" alt="" />
					<div class="login">
						<a href="">会员注册></a>
					</div>
				</div>

				<!--登录-->
				<div class="login-form">
					<div class="Sign">
						<ul class="Sign-1">
							<li class="clearfix">
								<div class="ll">手机号</div>
								<input type="text" class="yanzm" />
							</li>
							<li class="clearfix">
								<div>密码</div>

								<input type="password" class="yanzm" placeholder="请输入6-20位号码字符" />
							</li>
							<li class="clearfix yanzm-3">
								<div>验证码</div>
								<input type="text" class="yanzm yanzm-2" />
								<span class="yanzm-img"></span>
								<a href="javascript:;"><i></i></a>
								

							</li>

							<li class="clearfix mima-2">
								<input type="checkbox" id="blankCheckbox" value="option1">
								<span>记住密码</span>
								<div class="fr-wj pull-right">
									<a href="">忘记密码</a>
									<a href="">快捷登录</a>
								</div>

							</li>
							<!--登录按钮-->
							<li class="clearfix btn">
								<div class="fruit-login pull-right">
									<div class="fr-regist pull-left">
										<a href="javascript:;" class="btn-lg" role="button">登录</a>
									</div>
								</div>

								<!--注册按钮-->

								<div class=" pull-right">
									<a href="javascript:;" class="btn-lg" role="button">
										注册会员
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>

				<!--注册-->
				<div class="login-form2">
					<div class="Sign">
						<ul class="Sign-1">
							<li class="clearfix">
								<div class="ll">手机号</div>
								<input type="text" class="yanzm" />
							</li>
							<li class="clearfix">
								<div>密码</div>

								<input type="password" class="yanzm" placeholder="请输入6-20位号码字符" />
							</li>
							<li class="clearfix">
								<div>确认密码</div>

								<input type="password" class="yanzm" placeholder="请输入6-20位号码字符" />
							</li>
							<li class="clearfix yanzm-3">
								<div>验证码</div>
								<input type="text" class="yanzm yanzm-2" />
								<span class="yanzm-img"></span>
								<a href="javascript:;"><i></i></a>

							</li>

							<li class="clearfix mima-2">
								<div>手机验证码</div>
								<input type="text" disabled="disabled" />
								<span>发送验证码</span>

								<!--<input type="checkbox" id="blankCheckbox" value="option1">-->
								<!--<span>记住密码</span>-->
								<!--<div class="fr-wj pull-right">
								<a href="">忘记密码</a>	
								<a href="">快捷登录</a>
							</div>-->

							</li>

							<!--登录按钮-->
							<li class="clearfix btn">
								<div class="fruit-login pull-right">
									<div class="fr-regist pull-left">
										<a href="javascript:;" class="btn-lg" role="button">登录</a>
									</div>
								</div>

								<!--注册按钮-->

								<div class=" pull-right">
									<a href="javascript:;" class="btn-lg" role="button">
										注册会员
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
		</section>
		<!--bottom-->
		<section class="p-common-footer clearfix">
			<!--物流-->
			<div class="content clearfix">
				<ul class="list-inline clearfix">
					<li class="p-common-p1"></li>
					<li class="p-common-p2"></li>
					<li class="p-common-p3"></li>
					<li class="p-common-p4"></li>
				</ul>
				<div class="footbar clearfix">
					<div class="block4">
						<div class="logo"></div>
						<div class="tel">
							<img src="images/guan_tel.png" alt="" />
						</div>
						<div class="font-gray">
							<span class="font-color">电话客服</span> 09:00 - 21:00</br>
							<span class="font-color">在线客服</span> 08:00 - 24:00
						</div>
					</div>
					<ul class="block2 clearfix">
						<li>
							<img src="images/guan_ewcode1.jpg" alt="" />
							<span>天天果园官方微信</span>
						</li>
						<li>
							<img src="images/guan_ewcode2.jpg" alt="" />
							<span>天天果园APP</span>
						</li>
					</ul>
					<ul class="block3">
						<li>
							<h4>购物指南</h4>
							<a href="">新用户注册</a>
							<a href="">在线下单</a>
							<a href="">支付方式</a>
						</li>
						<li>
							<h4>配送说明</h4>
							<a href="">运费说明</a>
							<a href="">运费方式</a>
							<a href="">发票说明</a>
						</li>
						<li>
							<h4>售后服务</h4>
							<a href="">退换货规则</a>
							<a href="">服务保障承诺</a>
							<a href="">验货与签收</a>
						</li>
						<li>
							<h4>企业服务</h4>
							<a href="">企业订购</a>
							<a href="">公司简介</a>
							<a href="">定制专区</a>
						</li>
					</ul>
				</div>
				<div class="copyright">
					<p class="font-color fs-2">版权所有 ©2017上海天天鲜果电子商务有限公司 &nbsp;&nbsp;保留所有权利 |
						<a href="javascript:;">沪ICP备12042163</a>
					</p>
					<p class="VI-color2">天天果园 &nbsp;&nbsp;鲜果网购</p>
					<div>
						<a href=""><img src="images/guan_shgs.gif" alt="" /></a>
						<a href="" class="card-goverment"><img src="images/guan_wgdjp.png" alt="" /> </a>
					</div>
				</div>

			</div>

		</section>

	</body>

</html>